Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MWPW-157888 - Hero marquee w/ no-min-height and no l/r padding when using a full-width variant in masonry(repost) #2923

Open
wants to merge 5 commits into
base: stage
Choose a base branch
from

Conversation

ryanmparrish
Copy link
Contributor

@ryanmparrish ryanmparrish commented Sep 19, 2024

FYI: This a repost from reverted PR due to some issues seen w/ bg images not showing. Testing pages didn't have these examples initially so i've added em. Sorry for the bump. :)


As and author in a milo project using a [hero-marquee]

I want to use this block with out a minimal height so the block has a natural height based on content.
I want to use this block in a masonry grid w/ the variant full-width and not have the extra left/right padding seen in this scenario.
Example screenshot - Notice the block height is huge, the l/r padding is causing the block to go outside its bounds.

image

Fixed

Add a no-min-height variant to the hero-marquee.
Address padding issue on hero-block. Erroneously comes from the has-bg class being added.
Resolves: MWPW-157888

Test URLs:

Before: https://main--milo--adobecom.hlx.page/drafts/steenmeyer/hero-editorial-layout-pattern-examples/hero-editorial-no-min-height-masonry1?martech=off
After: https://rparrish-hero-bg-fix-2--milo--adobecom.hlx.page/drafts/steenmeyer/hero-editorial-layout-pattern-examples/hero-editorial-no-min-height-masonry1?martech=off

Hero Marquee (regression)
These should all look the same

@ryanmparrish ryanmparrish added the needs-verification PR requires E2E testing by a reviewer label Sep 19, 2024
@ryanmparrish ryanmparrish requested review from rgclayton and a team September 19, 2024 19:50
Copy link
Contributor

aem-code-sync bot commented Sep 19, 2024

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

  • Re-run PSI checks
  • Re-sync branch
Commits

Copy link

codecov bot commented Sep 19, 2024

Codecov Report

Attention: Patch coverage is 90.90909% with 2 lines in your changes missing coverage. Please review.

Project coverage is 96.23%. Comparing base (adf2a9c) to head (94b0c65).
Report is 1 commits behind head on stage.

Files with missing lines Patch % Lines
libs/blocks/hero-marquee/hero-marquee.js 90.90% 2 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##            stage    #2923      +/-   ##
==========================================
- Coverage   96.23%   96.23%   -0.01%     
==========================================
  Files         236      236              
  Lines       54254    54272      +18     
==========================================
+ Hits        52212    52228      +16     
- Misses       2042     2044       +2     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link
Contributor

This pull request is not passing all required checks. Please see this discussion for information on how to get all checks passing. Inconsistent checks can be manually retried. If a test absolutely can not pass for a good reason, please add a comment with an explanation to the PR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs-verification PR requires E2E testing by a reviewer
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant